@import '~styles/colors.less';

.root {
  height: 70px;
  border-bottom: 1px solid @adminBorders;
  padding: 13px;
  position: relative;
  display: block;
  text-decoration: none;
  cursor: pointer;

  &:hover {
    background-color: @primaryBack;
  }
}

.status {
  position: absolute;
  display: inline-block;
  left: 13px;
  top: 30px;
  width: 10px;
  height: 10px;
  background-color: @alert;
  border-radius: 50%;
}

.isLinked {
  background-color: @success;
}

.info {
  padding-left: 25px;
  padding-top: 3px;
}

.title {
  font-size: 15px;
  color: @adminTextHighlight;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.date {
  font-size: 12px;
  color: @adminText;
  font-weight: 300;
}

.active {
  background-color: @primary;

  .status.published {
    background-color: #ffffff;
  }
  .title {
    color: #ffffff;
  }
  .date {
    color: #ffffff;
  }

  &:hover {
    background-color: @primary;
  }
}

.disabled {
  cursor: default;

  >* {
    opacity: 0.5;
  }

  &:hover {
    background-color: transparent;
  }
}
